.chart {
    width: 100%;
    height: 80px;
}

.chart-Ranking {
    width: 186.75px;
    height: 80px;
    float: left;
    display: flex;
    background: #fff;
}

.chart-border {
    height: 60px;
    border: 0.5px solid #f4f4f4;
    float: left;
}

.chart-recommend {
    width: 186.75px;
    height: 80px;
    float: right;
    display: flex;
    background-color: #fff;
}

.chart-Ranking-img1 img,
.chart-Ranking-img2 img {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.chart-recommend-img1 img,
.chart-recommend-img2 img {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.chart-Ranking-text {
    margin-left: 10px;
    margin-top: 20px;
}

.chart-recommend-text {
    margin-left: 10px;
    margin-top: 20px;
}